import * as VueRouter from 'vue-router'
import Layout from '@/views/Layout/index.vue'
import DashBoard from '@/views/DashBoard/DashBoard.vue'
export interface IRouter {
  path: string,
  component: any,
  menuName: string
  icon?: string
  children?:IRouter[]
}

export const routes:IRouter[] = [
  { path: '/home', menuName: '首页',component: DashBoard, icon: 'Menu',children:[] },
  { path: '/mobile', menuName: '移动端',component: () => import('@/views/mobile/Index.vue')},
  { path: '/goods-list', menuName: '商品列表' ,component: () => import('@/views/GoodsList/List.vue')}
]
const rootRoute:VueRouter.RouteRecordRaw[] = [
  { 
    path: '/', 
    component: Layout,
    redirect: '/home',
    children: routes as VueRouter.RouteRecordRaw[]
  },
  {
    path: '/login',
    component: () => import('@/views/Login/Login.vue')
  }
]

// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = VueRouter.createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: VueRouter.createWebHistory(),
  routes: rootRoute, // `routes: routes` 的缩写
})
export const HashRouter = VueRouter.createRouter({
  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
  history: VueRouter.createWebHashHistory(),
  routes: rootRoute, // `routes: routes` 的缩写
})
export default router